{% extends 'base_user.html' %}

{% load static %}

{% block ext_css %}
    {{ block.super }}
    <link rel="stylesheet" href="{% static 'Schoolmateshelper/user/css/register.css' %}">
{% endblock %}

{% block ext_js %}
    {{ block.super }}
    <script type="text/javascript" src="{% static 'Schoolmateshelper/user/js/register.js' %}"></script>
{% endblock %}

{% block content %}
    <div class="container">
        <form method="post" enctype="multipart/form-data" action="{% url 'App:register' %}" onsubmit="return check()">

            {% csrf_token %}

            <div class="form-group">
                <label for="username_input">用户名</label>
                <input type="text" class="form-control" id="username_input" placeholder="请输入用户名" name="username">
                <span id="username_info"></span>
            </div>
            <div class="form-group">
                <label for="email_input">交大邮箱</label>
                <input type="email" class="form-control" id="email_input" placeholder="请输入交大邮箱" name="email">
                <span id="email_info"></span>
            </div>
            <div class="form-group">
                <label for="password_input">密码</label>
                <input type="password" class="form-control" id="password_input" placeholder="请输入密码" name="password">
                <span id="password_info"></span>
            </div>
            <div class="form-group">
                <label for="password_confirm_input">确认密码</label>
                <input type="password" class="form-control" id="password_confirm_input" placeholder="请再次输入密码"
                       name="password_confirm">
                <span id="password_confirm_info"></span>
            </div>
            <div class="form-group">
                <label for="icon_input">头像</label>
                <input type="file" id="icon_input" name="icon">
                <span id="icon_info"></span>
            </div>

            <button type="submit" class="btn btn-success btn-block">注册</button>
        </form>


    </div>
{% endblock %}